body {
    font-family: Arial, Helvetica, sans-serif;
    margin: 5px;
    font-size: 12px;
}

.statisticsCap {
    font: bold 11px Tahoma;
    color: #3556a3;
    text-align: center;
}

.fileBrowse {
    width: 280px;
    height: 100px;
    border-top: solid 1px #BBB;
    border-left: solid 1px #BBB;
    border-bottom: solid 1px #FFF;
    border-right: solid 1px #FFF;
    background: #FFF;
    overflow: auto;
    padding: 5px;
}

.star-requirement {
    color: red;
    font-size: 11px;
}

.test-result-passed {
    color: blue;
    font-size: 12px;
    font-weight: bold;
}

.test-result-failed {
    color: red;
    font-size: 12px;
    font-weight: bold;
}

.test-result-untested {
    color: gray;
    font-size: 12px;
    font-weight: bold;
}

.test-result-na {
    color: black;
    font-size: 12px;
    font-weight: bold;
}

div,p,h1,h2,h3,h4,ul,li {
    margin: 0px;
    padding: 0px;
    border: none;
}

img,div,a,input {
    behavior: url(../img/iepngfix.htc)
}

/*label checkbox*/
.welcome {
    font: bold 13pt tahoma;
    color: black;
}

/* ------   */
#countdown {
    padding-top: 10px;
    font: bold 14pt tahoma;
    color: #007FCB;
}

.sysheadLble {
    font-size: 10pt;
    font-family: Tahoma;
    color: #3556a3;
    font-weight: bold;
}

/* ######### Left Menu ######### */
#leftbar {
    width: 190px;
    float: left; /*background-color: white;*/
}

#leftbar a:hover { /*color: #FF8000;*/

}

.menuList {
    list-style-image: url(../img/heart.png);
    margin: 5px auto 10px 18px;
    padding: 0;
}

.menuList li {
    padding-bottom: 1px;
}

.menuList li a {
    margin-left: -3px;
    padding: 3px 1px;
    font: bold 11px Tahoma;
    display: block;
    color: #3556a3;
    text-decoration: none;
    font-weight: bold;
    border-bottom: 1px solid #ececec;
}

.menuList a:visited {
    color: #3556a3;
}

.menuList a:hover {
    color: #fff;
    background: #3556a3;
    text-decoration: none;
}

#leftbar .headers {
    color: white;
    font: bold 11px Tahoma;
    background-color: #3556a3;
    border: 1px solid black;
    padding: 4px;
}

#leftbar .menuitems li {
    padding-bottom: 8px;
    background-image: url(../img/menuline.gif);
    background-repeat: no-repeat;
    background-position: left bottom;
}

#leftbar .menuitems li a {
    text-decoration: none;
    font-weight: bold;
}

.sysheadLbleBar {
    border-bottom: solid 2px #3556a3;
    padding-bottom: 1px;
    margin-bottom: 10px;
}

.headline {
    font-size: 10pt;
    font-family: Tahoma;
    color: #000000;
    font-weight: bold;
    background: url(../img/info.png) no-repeat 0px 0px;
    padding-left: 20px;
}

.headlineBar {
    border-bottom: solid 1px #CCCCCC;
    padding-bottom: 1px;
    margin: 10px 0px 10px 0px;
}

a:link {
    color: #3556a3;
    text-decoration: none;
    font-weight: bold;
}

a:visited {
    color: #666666;
    text-decoration: none;
    font-weight: bold;
}

a:hover {
    color: #000000;
    text-decoration: underline;
    font-weight: bold;
}

#header {
    height: 67px;
    background-repeat: repeat-x;
    background-image: url(../img/bg_header.gif);
    margin-left: auto;
    margin-right: auto;
}

#welcome {
    color: #03568A;
    font: bold 8pt tahoma;
    padding-top: 43px;
    font-style: italic;
    float: left;
    width: 35%;
}

#title {
    color: #3556A3;
    font: bold 11pt tahoma;
    padding-top: 25px;
}

#clock {
    color: #03568A;
    font: bold 8pt tahoma;
    padding-top: 43px;
    font-style: italic;
    float: right;
}

#logos {
    float: right;
    text-align: left;
}

.headerLogo {
    position: absolute;
    z-index: 2;
    margin-top: 30px;
}

#separator {
    height: 3px;
}

#box {
    /*overflow: auto;  	height:563px;  	border: solid 1px #CCCCCC; 	padding: 2px;*/

}

#footer {
    background-repeat: repeat-x;
    background-image: url(../img/bg_footer.gif);
    background-position: top left;
}

#copyright {
    padding-top: 10px;
    font-size: 11px;
}

#copyright A {
    color: #000000;
}

#copyright A:hover {
    color: #333;
}

/* ------------------- */
.cb_label {
    clear: none;
    line-height: 15px;
    padding-left: 5px;
    text-indent: -5px;
}

.cb_input {
    width: 13px;
    height: 15px;
    padding: 0;
    margin: 0;
    vertical-align: bottom;
    /*position: relative;
top: -2px;*/
}

.progress {
    position: absolute;
    left: 0px;
    bottom: 0%;
    background-color: Red;
    color: White;
}

.contentInner {
    padding-top: 5px;
    padding-bottom: 5px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    width: 100%; /*width: 978px;*/ /*height: 200px;*/
}

/* NTT input  */
.textbox_n {
    height: 18px;
    border: 1px solid #CCCCCC;
    font: normal 9pt Tahoma;
    color: windowtext;
    background-color: white;
}

.textbox_dot {
    border: 0px solid #D5D5D5;
    border-bottom: 1px dotted #D5D5D5;
    font: normal 9pt Tahoma;
    color: windowtext;
    background-color: white;
}

.textarea_dot {
    border: 1px dotted #D5D5D5;
    font: normal 9pt Tahoma;
    color: windowtext;
    background-color: white;
}

.dropdown_n {
    border: 1px solid #CCCCCC;
    font: normal 9pt Tahoma;
    width: 180px;
}

.dropdown_s {
    border: 0px;
    background-color: transparent;
    font: normal 9pt Tahoma;
    width: 30px;
    text-align: center;
}

.button {
    border: #afafaf 1px solid;
    border-bottom-color: #2d2d2d;
    border-right-color: #2d2d2d;
    text-align: center;
    font: bold 9pt Tahoma;
    color: windowtext;
    cursor: pointer;
    background: #F7F6F3;
}

.button-form {
    border: #afafaf 1px solid;
    border-bottom-color: #2d2d2d;
    border-right-color: #2d2d2d;
    text-align: center;
    font: bold 9pt Tahoma;
    color: windowtext;
    cursor: pointer;
    background: #F7F6F3;
}

.button-move {
    border: #afafaf 1px solid;
    border-bottom-color: #2d2d2d;
    border-right-color: #2d2d2d;
    text-align: center;
    color: windowtext;
    cursor: pointer;
    background: #F7F6F3;
}

.button_img {
    cursor: pointer;
}

.DropDown {
    font-size: 11px;
}

.sysheadLbleNotic {
    background: url(../img/warning.png) no-repeat 0px 2px;
    border-bottom: solid 1px #CCFF00;
    padding-bottom: 1px;
    padding-left: 18px;
}

.divNotic {
    padding-top: 10px;
    padding-left: 18px;
    background: url(../img/pages.png) no-repeat 0px 10px;
    font: bold 10pt Tahoma;
    color: Black;
}

.lbNotic {
    font: bold 10pt Tahoma;
    color: Black;
}

#login {
    width: 800px;
    height: 100px;
    background-repeat: repeat-x;
    background-image: url(../img/bg_header.gif);
    margin-top: 20px;
    margin-left: auto;
    margin-right: auto;
}

#productName {
    font: bold 11pt Tahoma;
    color: #3556a3;
}

#contentLogin {
    width: 800px;
    vertical-align: middle;
}

#prompt {
    color: Red;
    text-align: center;
    font: bold 11px Tahoma;
    padding-bottom: 5px;
    height: 12px;
}

#loginPrompt {
    height: 30px;
    font-family: Arial, Helvetica, sans-serif;
    text-align: center;
    font-size: 12px;
}

/*AutoComplete flyout */
.autocomplete_completionListElementAccount {
    font: normal 13px Tahoma;
    visibility: hidden;
    margin: 0px !important;
    background-color: #FFFFFF;
    color: windowtext;
    border: buttonshadow;
    border-width: 1px;
    border-style: solid;
    cursor: default;
    overflow: auto;
    height: 72px;
    text-align: left;
    list-style-type: none;
    border: 1px solid #646464;
}

.autocomplete_completionListElement {
    font: normal 13px Tahoma;
    visibility: hidden;
    margin: 0px !important;
    background-color: #FFFFFF;
    color: windowtext;
    border: buttonshadow;
    border-width: 1px;
    border-style: solid;
    cursor: default;
    overflow: auto;
    height: 162px;
    text-align: left;
    list-style-type: none;
    border: 1px solid #646464;
}

/* AutoComplete highlighted item */
.autocomplete_highlightedListItem {
    font: normal 13px Tahoma;
    background-color: #F7F6F3;
    color: black;
    padding: 1px;
}

/* AutoComplete item */
.autocomplete_listItem {
    background-color: window;
    color: windowtext;
    padding: 1px;
}

/* GripView */
.grid-report {
    padding: 0;
    margin: 0;
    width: 100%;
    border: 1px solid black;
    border-collapse: collapse;
}

.grid-report td {
    padding: 4px 3px 3px 3px;
    border: 0px solid black;
    border-top: 1px solid black;
    font: bold 9pt tahoma;
}

.grid-report th {
    height: 20px;
    padding: 2px 3px 2px 3px;
    border: 0px solid black;
    text-align: left;
}

.grid-report tr.header {
    border: 0px solid black;
    background-color: #3556a3;
    text-align: left;
    font: bold 8pt tahoma;
    color: white;
    height: 24px;
    vertical-align: middle;
}

.grid-report tr.normal {
    cursor: default;
    font: bold 8pt tahoma;
    color: Black;
    background-color: #F7F6F3;
    height: 24px;
    vertical-align: middle;
}

.grid-report tr.alternate {
    cursor: default;
    font: bold 8pt tahoma;
    color: Black;
    background-color: #FFFFFF;
    height: 24px;
    vertical-align: middle;
}

.grid-report tr.normal:hover,.grid-report tr.alternate:hover {
    background-color: #CCFFCC;
    color: black;
}

/* Grid scroll*/
.grid-scroll {
    padding: 0;
    margin: 0;
    width: 100%;
    border: 1px solid black;
    border-collapse: collapse;
}

.grid-scroll td {
    padding: 4px 3px 3px 3px;
    border: 0px solid black;
    border-top: 1px solid black;
}

.grid-scroll a {
    cursor: pointer;
    color: Black;
    font: normal 8pt tahoma;
    text-decoration: none;
}

.grid-scroll th {
    height: 20px;
    padding: 2px 3px 2px 3px;
    border: 0px solid black;
    text-align: left;
}

.grid-scroll tr.header {
    border: 0px solid black;
    background-color: #3556a3;
    text-align: left;
    font: normal 7pt tahoma;
    color: white;
    height: 24px;
    vertical-align: middle;
}

.grid-scroll tr.header a {
    font: bold 7pt tahoma;
    color: black;
    height: 24px;
    vertical-align: middle;
}

.grid-scroll tr.parent {
    cursor: default;
    font: bold 8pt tahoma;
    color: Black;
    line-height: 16px;
    vertical-align: middle;
}

.grid-scroll tr.normal {
    cursor: default;
    font: bold 8pt tahoma;
    color: Black;
    background-color: #F7F6F3;
    line-height: 16px;
    vertical-align: middle;
}

.grid-scroll tr.alternate {
    cursor: default;
    font: bold 8pt tahoma;
    color: Black;
    background-color: #FFFFFF;
    line-height: 16px;
    vertical-align: middle;
}

.grid-scroll tr.normal:hover,.grid-scroll tr.alternate:hover {
    background-color: #CCFFCC;
    color: black;
}

/* ***** */
.grid-filter {
    padding: 0;
    margin: 0;
    border: 0px solid #ffffff;
}

.grid-filter td {
    padding-right: 4px;
    padding-bottom: 4px;
    font: bold 11px Tahoma;
    border: 0px solid #ffffff;
}

.grid-input td {
    padding: 2px;
    text-align: left;
    font: bold 11px tahoma;
    color: #000000;
}

.grid-checkbox {

}

.grid-checkbox td {
    padding: 2px;
    text-align: left;
    font: bold 11px tahoma;
    color: #000000;
}

.pager {
    border: #afafaf 1px solid;
    border-bottom-color: #2d2d2d;
    border-right-color: #2d2d2d;
    font: bold 12px tahoma;
    color: WindowText;
    text-align: center;
    padding-left: 7px;
    padding-right: 7px;
}

.pager-selected {
    border: #ff0000 1px solid;
    text-align: center;
    font: bold 12px tahoma;
    color: #ff0000;
    padding-left: 7px;
    padding-right: 7px;
}

.pager-item a {
    font-family: tahoma;
    font-size: 12px;
    font-weight: bold;
    color: black;
}

.pager-item a:hover {
    font-family: tahoma;
    font-size: 12px;
    font-weight: bold;
    color: #336699;
    text-decoration: underline
}

/* FileManager Style */
.lbPath {
    padding-left: 4px;
    font: normal 8pt tahoma;
    color: Black;
}

.grid-file {
    padding: 0;
    margin: 0;
    border: 0px solid #ffffff;
}

.grid-file a {
    cursor: pointer;
    color: Black;
    font: normal 8pt tahoma;
    text-decoration: none;
}

.grid-file th {
    font: normal 8pt tahoma;
    color: Black;
    vertical-align: middle;
    border: 0px solid #ffffff;
}

.grid-file td {
    cursor: default;
    font: normal 8pt tahoma;
    color: Black;
    border: 0px solid #ffffff;
}

.grid-file tr:hover {
    background-color: #F7F6F3;
    color: black;
}

.textbox_fm {
    width: 140px;
    border: 1px solid #D5D5D5;
    color: windowtext;
    background-color: white;
    font: normal 8pt tahoma;
    height: 13px;
}

.button_fm {
    border: #CCCCCC 1px solid;
    border-bottom-color: #000000;
    border-right-color: #000000;
    text-align: center;
    font: normal 8pt Tahoma;
    color: #000000;
    cursor: pointer;
    background: #F7F6F3;
}

div.fileinputs {
    position: relative;
}

div.fakefile {
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 1;
}

input.file {
    position: relative;
    text-align: right;
    -moz-opacity: 0;
    filter: alpha(opacity :0);
    opacity: 0;
    z-index: 2;
}

div.faketextbox {
    float: left;
    width: 146px;
}

div.fakebutton {
    float: left;
    width: 60px;
}

/* modal popup */
.modalBackground {
    background-color: Gray;
    filter: alpha(opacity =70);
    opacity: 0.7;
}

.modalPopup {
    background-color: #ffffdd;
    border-width: 3px;
    border-style: solid;
    border-color: Gray;
    padding: 3px;
    width: 250px;
}

.pnConfirm {
    width: 200px;
    background-color: White;
    border-width: 2px;
    border-color: Black;
    border-style: solid;
    padding: 20px;
}

/* message alert */
.overlay {
    font: bold 10pt Tahoma;
    background-color: #CF4342;
    color: #fff;
    top: 0px;
    right: 0px;
    position: fixed;
    padding: 1px;
}

/* Tooltips css */
#dhtmltooltip {
    position: absolute;
    left: -300px;
    width: 150px;
    border: 1px solid black;
    padding: 5px;
    font-family: Tahoma;
    font-size: 11px;
    font-weight: bold;
    background-color: lightyellow;
    visibility: hidden;
    z-index: 100;
    /*Remove below line to remove shadow. Below line should always appear last within this CSS filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);*/
    word-wrap: break-word;
}

#dhtmlpointer {
    position: absolute;
    left: -300px;
    z-index: 101;
    visibility: hidden;
}

/*
Menu related selectors
*/
.jsdomenudiv {
    font: normal 9pt Tahoma;
    background-color: #F7F6F3;
    border: #afafaf 1px solid;
    border-bottom-color: #2d2d2d;
    border-right-color: #2d2d2d;
    cursor: default;
    position: absolute; /* Do not alter this line! */
    visibility: hidden;
    z-index: 10;
}

.jsdomenuitem {
    background-color: transparent;
    border: none;
    color: #000000;
    font: normal 9pt Tahoma;
    font-size: 12px;
    padding: 2px 15px 2px 22px;
    position: relative; /* Do not alter this line! */
}

.jsdomenuitemover {
    background-color: #34358e;
    border: none;
    color: #FFFFFF;
    font: normal 9pt Tahoma;
    font-size: 12px;
    padding: 2px 15px 2px 22px;
    position: relative; /* Do not alter this line! */
}

.jsdomenuarrow {
    background-image: url(../img/classic_arrow.png);
    background-repeat: no-repeat; /* Do not alter this line! */
    height: 7px;
    position: absolute; /* Do not alter this line! */
    right: 8px;
    width: 4px;
}

.jsdomenuarrowover {
    background-image: url(../img/classic_arrow_o.png);
    background-repeat: no-repeat; /* Do not alter this line! */
    height: 7px;
    position: absolute; /* Do not alter this line! */
    right: 8px;
    width: 4px;
}

.jsdomenusep {

}

.jsdomenusep hr {
    color: #CCCCCC;
    text-align: center;
    width: 98%;
}

/*
Menu bar related selectors
*/
.jsdomenubardiv {
    font: normal 9pt Tahoma;
    background-color: #F7F6F3;
    background-image: url(../img/classic_divider.png);
    background-position: left;
    background-repeat: no-repeat;
    border: #afafaf 1px solid;
    border-bottom-color: #2d2d2d;
    border-right-color: #2d2d2d;
    cursor: default;
    padding: 3px 1px 3px 1px;
    position: absolute; /* Do not alter this line! */
    visibility: visible;
}

.jsdomenubardragdiv {
    cursor: move;
    font: normal 9pt Tahoma;
    font-size: 12px;
    padding: 2px 5px 2px 5px;
    position: relative; /* Do not alter this line! */
    visibility: hidden;
    width: 9px;
}

.jsdomenubaritem {
    background-color: #F7F6F3;
    border: none;
    color: #000000;
    font: normal 9pt Tahoma;
    font-size: 12px;
    padding: 2px 10px 2px 22px;
    position: relative; /* Do not alter this line! */
}

.jsdomenubaritemover {
    background-color: #34358e;
    border: none;
    color: #FFFFFF;
    font: normal 9pt Tahoma;
    font-size: 12px;
    padding: 2px 10px 2px 22px;
    position: relative; /* Do not alter this line! */
}

.jsdomenubaritemclick {
    background-color: #34358e;
    border: none;
    color: #FFFFFF;
    font: normal 9pt Tahoma;
    font-size: 12px;
    padding: 2px 10px 2px 22px;
    position: relative; /* Do not alter this line! */
}

/*
Example of selectors for icons. Change the height and width to match the actual
height and width of the icon image.
*/ /* Menu Icon */
.icon0 {
    background: url(../img/male_user.png) no-repeat;
    height: 16px;
    left: 2px;
    position: absolute;
    width: 16px;
}

.icon1 {
    background: url(../img/tools.png) no-repeat;
    height: 16px;
    left: 2px;
    position: absolute;
    width: 16px;
}

.icon2 {
    background: url(../img/business_user.png) no-repeat;
    height: 16px;
    left: 2px;
    position: absolute;
    width: 16px;
}

.icon3 {
    background: url(../img/pages.png) no-repeat;
    height: 16px;
    left: 2px;
    position: absolute;
    width: 16px;
}

.icon4 {
    background: url(../img/report.png) no-repeat;
    height: 16px;
    left: 2px;
    position: absolute;
    width: 16px;
}

.icon5 {
    background: url(../img/computer.png) no-repeat;
    height: 16px;
    left: 2px;
    position: absolute;
    width: 16px;
}

.icon6 {
    background: url(../img/help.png) no-repeat;
    height: 16px;
    left: 2px;
    position: absolute;
    width: 16px;
}

/* Submenu Icon */
.icon01 {
    background: url(../img/edit_male_user.png) no-repeat;
    height: 16px;
    left: 2px;
    position: absolute;
    width: 16px;
}

.icon02 {
    background: url(../img/mail_lock.png) no-repeat;
    height: 16px;
    left: 2px;
    position: absolute;
    width: 16px;
}

.icon03 {
    background: url(../img/edit_profile.png) no-repeat;
    height: 16px;
    left: 2px;
    position: absolute;
    width: 16px;
}

.icon04 {
    background: url(../img/shut_down.png) no-repeat;
    height: 16px;
    left: 2px;
    position: absolute;
    width: 16px;
}

/* ----- */
.icon11 {
    background: url(../img/process_info.png) no-repeat;
    height: 16px;
    left: 2px;
    position: absolute;
    width: 16px;
}

.icon12 {
    background: url(../img/male_users.png) no-repeat;
    height: 16px;
    left: 2px;
    position: absolute;
    width: 16px;
}

.icon13 {
    background: url(../img/tools.png) no-repeat;
    height: 16px;
    left: 2px;
    position: absolute;
    width: 16px;
}

/* ----- */
.icon21 {
    background: url(../img/business_users.png) no-repeat;
    height: 16px;
    left: 2px;
    position: absolute;
    width: 16px;
}

.icon22 {
    background: url(../img/add_business_user.png) no-repeat;
    height: 16px;
    left: 2px;
    position: absolute;
    width: 16px;
}

/* ----- */
.icon31 {
    background: url(../img/add_pages.png) no-repeat;
    height: 16px;
    left: 2px;
    position: absolute;
    width: 16px;
}

.icon32 {
    background: url(../img/pages.png) no-repeat;
    height: 16px;
    left: 2px;
    position: absolute;
    width: 16px;
}

.icon33 {
    background: url(../img/accept_male_user.png) no-repeat;
    height: 16px;
    left: 2px;
    position: absolute;
    width: 16px;
}

.icon34 {
    background: url(../img/trash_can.png) no-repeat;
    height: 16px;
    left: 2px;
    position: absolute;
    width: 16px;
}

/* ----- */
.icon41 {
    background: url(../img/pages.png) no-repeat;
    height: 16px;
    left: 2px;
    position: absolute;
    width: 16px;
}

.icon42 {
    background: url(../img/calendar.png) no-repeat;
    height: 16px;
    left: 2px;
    position: absolute;
    width: 16px;
}

.icon43 {
    background: url(../img/calendar_empty.png) no-repeat;
    height: 16px;
    left: 2px;
    position: absolute;
    width: 16px;
}

.icon44 {
    background: url(../img/attachment.png) no-repeat;
    height: 16px;
    left: 2px;
    position: absolute;
    width: 16px;
}

/* ----- */
.icon51 {
    background: url(../img/computer_add.png) no-repeat;
    height: 16px;
    left: 2px;
    position: absolute;
    width: 16px;
}

.icon52 {
    background: url(../img/computer_process.png) no-repeat;
    height: 16px;
    left: 2px;
    position: absolute;
    width: 16px;
}

.icon53 {
    background: url(../img/mouse.png) no-repeat;
    height: 16px;
    left: 2px;
    position: absolute;
    width: 16px;
}

.icon54 {
    background: url(../img/process.png) no-repeat;
    height: 16px;
    left: 2px;
    position: absolute;
    width: 16px;
}

/* ----- */
.icon61 {
    background: url(../img/info.png) no-repeat;
    height: 16px;
    left: 2px;
    position: absolute;
    width: 16px;
}

.icon62 {
    background: url(../img/buy_now.png) no-repeat;
    height: 16px;
    left: 2px;
    position: absolute;
    width: 16px;
}

.icon63 {
    background: url(../img/info.png) no-repeat;
    height: 16px;
    left: 2px;
    position: absolute;
    width: 16px;
}

/* -------- windows css ------------- */
.dhtmlwindow {
    position: absolute;
    border: #afafaf 2px solid;
    border-bottom-color: #2d2d2d;
    border-right-color: #2d2d2d;
    visibility: hidden;
    background-color: white;
}

.drag-handle { /*CSS for Drag Handle*/
    padding: 2px;
    text-indent: 3px;
    font: bold 9pt Tahoma;
    background-color: #3556a3; /*007FCB;*/
    background-image: url(../img/icon.png);
    background-repeat: no-repeat;
    background-position: 2px 1px;
    padding-left: 18px;
    color: white;
    cursor: move;
    overflow: hidden;
    width: auto;
    filter: progid :DXImageTransform.Microsoft.alpha(opacity=100);
    -moz-opacity: 1;
    opacity: 1;
}

.drag-handle .drag-controls {
    /*CSS for controls (min, close etc) within Drag Handle*/
    position: absolute;
    right: 1px;
    top: 1px;
    cursor: pointer;
}

* html .drag-handle {
    /*IE6 and below CSS hack. Width must be set to 100% in order for opaque title bar to render*/
    width: 100%;
}

.drag-contentarea { /*CSS for Content Display Area div*/
    border-top: 1px solid #afafaf;
    background-color: white;
    color: black;
    height: 150px;
    padding: 0px;
    overflow: auto;
}

.drag-statusarea { /*CSS for Status Bar div (includes resizearea)*/
    border-top: 1px solid #CCCCCC;
    background-color: #F8F8F8;
    height: 13px; /*height of resize image*/
}

.drag-resizearea { /*CSS for Resize Area itself*/
    float: right;
    width: 13px; /*width of resize image*/
    height: 13px; /*height of resize image*/
    cursor: nw-resize;
    font-size: 0;
}

/* ----------- */
/*.drag-handle{ /*Overwrite default drag handle bar background color with below
background-color: #03277C;
}*/
#interVeil {
    /*CSS for veil that covers entire page while modal window is visible*/
    position: absolute;
    background: white;
    width: 10px;
    left: 0;
    top: 0;
    z-index: 5;
    visibility: hidden;
    filter: progid :DXImageTransform.Microsoft.alpha(opacity=70);
    opacity: 0.7;
}

/* ------------------ */
#modalContainer {
    background-color: transparent;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    z-index: 10000;
    /*background-image: url(../img/tp.png);*/
    /* required by MSIE to prevent actions on lower z-index elements */
}

/* --------------------------- */
#alertBox {
    position: relative;
    width: 300px;
    min-height: 100px;
    margin-top: 50px;
    border: 1px solid #000;
    background-color: #F2F5F6;
    background-image: url(../img/warning.png);
    background-repeat: no-repeat;
    background-position: 10px 30px;
}

#modalContainer>#alertBox {
    position: fixed;
}

#alertBox h1 {
    margin: 0;
    font: bold 9pt tahoma, arial;
    background-color: #3556a3;
    color: #FFF;
    border-bottom: 1px solid #000;
    padding: 2px 0 2px 5px;
}

#alertBox p {
    margin-top: 10px;
    font: 9pt tahoma, arial;
    height: 50px;
    padding-left: 5px;
    margin-left: 45px;
    margin-right: 5px;
}

#alertBox #divbtn {
    text-align: center;
    padding-bottom: 10px;
}

#alertBox .button {
    margin: 2px;
    border: #CCCCCC 1px solid;
    border-bottom-color: #000000;
    border-right-color: #000000;
    text-align: center;
    font: bold 9pt Tahoma;
    color: #000000;
    cursor: pointer;
    background: #F7F6F3;
}

/* Calendar */
#calendarDiv {
    position: absolute;
    width: 205px;
    border: 1px solid #317082;
    padding: 1px;
    background-color: #FFF;
    font-family: arial;
    font-size: 10px;
    padding-bottom: 20px;
    visibility: hidden;
}

#calendarDiv span,#calendarDiv img {
    float: left;
}

#calendarDiv .selectBox,#calendarDiv .selectBoxOver {
    line-height: 12px;
    padding: 1px;
    cursor: pointer;
    padding-left: 2px;
}

#calendarDiv .selectBoxTime,#calendarDiv .selectBoxTimeOver {
    line-height: 12px;
    padding: 1px;
    cursor: pointer;
    padding-left: 2px;
}

#calendarDiv td {
    padding: 3px;
    margin: 0px;
    font-size: 10px;
}

#calendarDiv .selectBox {
    border: 1px solid #E2EBED;
    color: #E2EBED;
    position: relative;
}

#calendarDiv .selectBoxOver {
    border: 1px solid #FFF;
    background-color: #317082;
    color: #FFF;
    position: relative;
}

#calendarDiv .selectBoxTime {
    border: 1px solid #317082;
    color: #317082;
    position: relative;
}

#calendarDiv .selectBoxTimeOver {
    border: 1px solid #216072;
    color: #216072;
    position: relative;
}

#calendarDiv .topBar {
    height: 16px;
    padding: 2px;
    background-color: #317082;
}

#calendarDiv .activeDay { /* Active day in the calendar */
    color: #FF0000;
}

#calendarDiv .todaysDate {
    height: 17px;
    line-height: 17px;
    padding: 2px;
    background-color: #E2EBED;
    text-align: center;
    position: absolute;
    bottom: 0px;
    width: 201px;
}

#calendarDiv .todaysDate div {
    float: left;
}

#calendarDiv .timeBar {
    height: 17px;
    line-height: 17px;
    background-color: #E2EBED;
    width: 72px;
    color: #FFF;
    position: absolute;
    right: 0px;
}

#calendarDiv .timeBar div {
    float: left;
    margin-right: 1px;
}

#calendarDiv .monthYearPicker {
    background-color: #E2EBED;
    border: 1px solid #AAAAAA;
    position: absolute;
    color: #317082;
    left: 0px;
    top: 15px;
    z-index: 1000;
    display: none;
}

#calendarDiv #monthSelect {
    width: 70px;
}

#calendarDiv .monthYearPicker div {
    float: none;
    clear: both;
    padding: 1px;
    margin: 1px;
    cursor: pointer;
}

#calendarDiv .monthYearActive {
    background-color: #317082;
    color: #E2EBED;
}

#calendarDiv td {
    text-align: right;
    cursor: pointer;
}

#calendarDiv .topBar img {
    cursor: pointer;
}

#calendarDiv .topBar div {
    float: left;
    margin-right: 1px;
}

/*rules for the plot target div.  These will be cascaded down to all plot elements according to css rules*/
.jqplot-target {
    position: relative;
    color: #666666;
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 1em;
    /*    height: 300px;
width: 400px;*/
}

/*rules applied to all axes*/
.jqplot-axis {
    font-size: 0.85em;
}

.jqplot-xaxis {
    margin-top: 10px;
}

.jqplot-x2axis {
    margin-bottom: 10px;
}

.jqplot-yaxis {
    margin-right: 10px;
}

.jqplot-y2axis,.jqplot-y3axis,.jqplot-y4axis,.jqplot-y5axis,.jqplot-y6axis,.jqplot-y7axis,.jqplot-y8axis,.jqplot-y9axis
{
    margin-left: 10px;
    margin-right: 10px;
}

/*rules applied to all axis tick divs*/
.jqplot-axis-tick,.jqplot-xaxis-tick,.jqplot-yaxis-tick,.jqplot-x2axis-tick,.jqplot-y2axis-tick,.jqplot-y3axis-tick,.jqplot-y4axis-tick,.jqplot-y5axis-tick,.jqplot-y6axis-tick,.jqplot-y7axis-tick,.jqplot-y8axis-tick,.jqplot-y9axis-tick
{
    position: absolute;
}

.jqplot-xaxis-tick {
    top: 0px; /* initial position untill tick is drawn in proper place */
    left: 15px; /*    padding-top: 10px;*/
    vertical-align: top;
}

.jqplot-x2axis-tick {
    bottom: 0px; /* initial position untill tick is drawn in proper place */
    left: 15px; /*    padding-bottom: 10px;*/
    vertical-align: bottom;
}

.jqplot-yaxis-tick {
    right: 0px; /* initial position untill tick is drawn in proper place */
    top: 15px; /*    padding-right: 10px;*/
    text-align: right;
}

.jqplot-y2axis-tick,.jqplot-y3axis-tick,.jqplot-y4axis-tick,.jqplot-y5axis-tick,.jqplot-y6axis-tick,.jqplot-y7axis-tick,.jqplot-y8axis-tick,.jqplot-y9axis-tick
{
    left: 0px; /* initial position untill tick is drawn in proper place */
    top: 15px; /*    padding-left: 10px;*/ /*    padding-right: 15px;*/
    text-align: left;
}

.jqplot-meterGauge-tick {
    font-size: 0.85em;
    color: #999999;
}

.jqplot-meterGauge-label {
    font-size: 1em;
    color: #999999;
}

.jqplot-xaxis-label {
    margin-top: 10px;
    font-size: 11pt;
    position: absolute;
}

.jqplot-x2axis-label {
    margin-bottom: 10px;
    font-size: 11pt;
    position: absolute;
}

.jqplot-yaxis-label {
    margin-right: 10px; /*    text-align: center;*/
    font-size: 11pt;
    position: absolute;
}

.jqplot-y2axis-label,.jqplot-y3axis-label,.jqplot-y4axis-label,.jqplot-y5axis-label,.jqplot-y6axis-label,.jqplot-y7axis-label,.jqplot-y8axis-label,.jqplot-y9axis-label
{ /*    text-align: center;*/
    font-size: 11pt;
    position: absolute;
}

table.jqplot-table-legend {
    margin-top: 12px;
    margin-bottom: 12px;
    margin-left: 12px;
    margin-right: 12px;
}

table.jqplot-table-legend,table.jqplot-cursor-legend {
    margin: 5px;
    background-color: rgba(255, 255, 255, 0.6);
    border: 1px solid #cccccc;
    position: absolute;
    font-size: 0.85em;
}

td.jqplot-table-legend {
    vertical-align: middle;
}

td.jqplot-seriesToggle:hover,td.jqplot-seriesToggle:active {
    cursor: pointer;
}

td.jqplot-table-legend>div {
    border: 1px solid #cccccc;
    padding: 1px;
}

div.jqplot-table-legend-swatch {
    width: 0px;
    height: 0px;
    border-top-width: 5px;
    border-bottom-width: 5px;
    border-left-width: 6px;
    border-right-width: 6px;
    border-top-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    border-right-style: solid;
}

.jqplot-title {
    top: 0px;
    left: 0px;
    padding-bottom: 0.5em;
    font-size: 1.2em;
}

table.jqplot-cursor-tooltip {
    border: 1px solid #cccccc;
    font-size: 0.85em;
}

.jqplot-cursor-tooltip {
    border: 1px solid #cccccc;
    font-size: 0.85em;
    white-space: nowrap;
    background: rgba(208, 208, 208, 0.5);
    padding: 1px;
}

.jqplot-highlighter-tooltip {
    border: 1px solid #cccccc;
    font-size: 0.85em;
    white-space: nowrap;
    background: rgba(208, 208, 208, 0.5);
    padding: 1px;
}

.jqplot-point-label {
    font-size: 0.85em;
    z-index: 2;
}

td.jqplot-cursor-legend-swatch {
    vertical-align: middle;
    text-align: center;
}

div.jqplot-cursor-legend-swatch {
    width: 1.2em;
    height: 0.7em;
}

.jqplot-error {
    /*   Styles added to the plot target container when there is an error go here.*/
    text-align: center;
}

.jqplot-error-message {
    /*    Styling of the custom error message div goes here.*/
    position: relative;
    top: 46%;
    display: inline-block;
}

div.jqplot-bubble-label {
    font-size: 0.8em; /*    background: rgba(90%, 90%, 90%, 0.15);*/
    padding-left: 2px;
    padding-right: 2px;
    color: rgb(20%, 20%, 20%);
}

div.jqplot-bubble-label.jqplot-bubble-label-highlight {
    background: rgba(90%, 90%, 90%, 0.7);
}